.pxToRem(@p,@px){
    @{p}: @px / 108 * 1rem;
}
@wid:;
#head{
    position:fixed;
    left: 0;
    top: 0;
    width: 100%;
    .pxToRem(height,155);
    background: #ff893d;
    display: flex;
    justify-content:center;
    align-items: center;
    z-index: 9;
    a{
        text-decoration: none;
    }
    .head-left{
        .pxToRem(width,225);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content:center;
        color: #fff;
        .pxToRem(font-size,45);
    }
    .head-center{
        flex:1;
        display: flex;
        justify-content: center;
        align-items: center;
        .pxToRem(height,90);
        .pxToRem(border-radius,90);
        text-align: center;
        background: #f08137;
        span{
            .pxToRem(font-size,49);
            color: #fff;
        }
        img{
            .pxToRem(width,40);
            .pxToRem(height,40);
            .pxToRem(margin-right,40);
            display: inline-block;
        }
    }
    .head-right{
        .pxToRem(width,145);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content:center;
        color: #fff;
        img{
            .pxToRem(width,60);
        }
    }
}
#main{
    width: 100%;
    .pxToRem(margin-top,135);
    .pxToRem(margin-bottom,125);
    background: #f3f3f3;
    .swiper-container{
        .swiper-wrapper{
            .swiper-slide{
                img{
                    width: 100%;
                }
            }
        }
    }
    .feilei{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        .fl1{
            width:50%;
            .pxToRem(height,192);
            display: flex;
            justify-content: center;
            align-items: center;
            background: #FFF;
            box-sizing: border-box;
            .left1{
                h3{
                    .pxToRem(font-size,50);
                }
                p{
                    .pxToRem(width,270);
                   .pxToRem(font-size,36);
                   color: #9e9e9e;
                   white-space:nowrap;
                   overflow:hidden;
                   text-overflow:ellipsis; 
                }
            }
            .left2{
                img{
                    .pxToRem(width,142);
                }
            }
        }
        .fla{
            border-bottom: 1px solid #e6e6e6;
            border-right:  1px solid #e6e6e6;
        }
        .flb{
            border-bottom: 1px solid #e6e6e6;
        }
        .flc{
            border-right:  1px solid #e6e6e6;
        }
    }
    .sx{
        width: 100%;
        .pxToRem(margin-top,30);
        a{
            img{
                width: 100%;
            }
        }
    }
    .remen{
        width: 100%;
        .pxToRem(margin-top,30);
        .pxToRem(height,514);
        display: flex;
        flex-flow: column;
        background: #fff;
        border-bottom: 1px solid #f3f3f3;
        h3{
            .pxToRem(font-size,52);
            .pxToRem(margin-top,63);
            .pxToRem(margin-bottom,34);
            .pxToRem(margin-left,42);  
        }
        .remen_bom{
            width: 95%;
            .pxToRem(margin-left,42);
            display: flex;
            justify-content: space-between;
            align-items: center;
            .tla{
                width: 33%;
                img{
                    .pxToRem(width,312);
                }
                p{
                    color: #393c39;
                    .pxToRem(margin-top,35);
                    .pxToRem(font-size,35);
                    .pxToRem(margin-bottom,64);
                }
            }
        }
    }
    .saxin{
        width: 100%;
        .pxToRem(height,105);
        border-bottom: 1px solid #f7f3f7;
        background: #fff;
        display: flex;
        justify-content:space-between;
        align-items: center;
        .lxing{
            .pxToRem(padding-left,45);
            .pxToRem(font-size,43);
            img{
                .pxToRem(width,45);
            }
        }
        .shua_xin{
            height: 100%;
            .pxToRem(width,230);
            color: #6b696b;
            .pxToRem(font-size,43);
            text-decoration: none;
            display: flex;
            justify-content:center;
            align-items: center;
            img{
                .pxToRem(padding-right,24);
                .pxToRem(width,45);
            }
        }
    }
    
    .qiuzhi{
        a{
            text-decoration: none;
            width: 100%;
            .pxToRem(height,211);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-bottom: 1px solid #e7e7e7;
            .lifa{
                .pxToRem(width,235);
                text-align: center;
                img{
                    .pxToRem(width,120);
                }
            }
            .qiu_center{
                flex: 1;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                .h3a{
                    color: #636563;
                    .pxToRem(font-size,50);
                }
                .q_c_bottom{
                    color: #adaaad;
                    .pxToRem(font-size,40);
                }
            }
            .qiu_right{
                .pxToRem(width,145);
                text-align: center;
                color: #dedbde;
                .pxToRem(font-size,40);
            }
        }
    }
    .gzmc{
        a{
            text-decoration: none;
            width: 100%;
            .pxToRem(height,262);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-bottom: 1px solid #e7e7e7;
            .lifb{
                .pxToRem(width,235);
                text-align: center;
                img{
                    .pxToRem(width,120);
                }
            }
            .gzmc_center{
                flex: 1;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                color: #9c9e9c;
                .h3b{
                    .pxToRem(font-size,50);
                    .pxToRem(margin-bottom,20);
                }
                .g_bm{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    span{
                        flex: 1;
                        .pxToRem(font-size,35);
                    }
                }
                .g_bmb{
                    .pxToRem(margin-top,20);
                    width: 100%;
                    .g_bmb_l{
                        .pxToRem(font-size,35);
                    }
                    .g_bmb_r{
                        .pxToRem(height,26);
                        .pxToRem(letter-spacing,10);
                        border: 2px solid #ff9e21;
                        .pxToRem(font-size,20);
                        .pxToRem(border-radius,5);
                        color: #ff9e21;
                        .pxToRem(padding-left,5);
                    }
                }
            }
            .gzmc_right{
                .pxToRem(width,285);
                text-align: center;
                .pxToRem(margin-top,-130);
                .qiana{
                    color:#ff7921;
                    .pxToRem(font-size,40);
                }
                .danw{
                    color: #ff7518;
                    .pxToRem(font-size,33);
                }
            }
        }
    }
}
#footer{
    position:fixed;
    bottom:0;
    lfet:0;
    background: #fff;
    width: 100%;
    border-top:3px solid #e7e3da;
    display: flex;
    justify-content: center;
    align-items:center;
    .pxToRem(height,125);
    .fordi{
        flex:1;
        display: flex;
        justify-content:center;
        flex-direction:column;
        align-items:center;
        text-decoration: none;
        color: #FF893D;
        span{
            .pxToRem(font-size,60);
        }
    }
}